
// 定义变量
@primary-color: #666666;
@btn-bg-color:#18bc9c;
@btn-bg-color-active:#128F76;
@btn-color:#fff;
@font-size: 18px;
@uni-color-error:#dd524d;
@uni-color-green:#57be6f;
@uni-color-blue:#1296db;

/* 
普通页面表单样式 
 */
/* 首页样式 */
.page {
  //width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 20rpx;
  
  .top {
    margin: 20rpx 0 30rpx 0;
    width: 100%;

    .toptexts {
      color: #FFF;
      font-size: @font-size;
      height: 60rpx;
	  line-height: 60rpx;
	  display: flex;
	  justify-items: center;
	  padding: 10rpx 20rpx;
	  //border-bottom: 1px solid #18bc9c;
	  //margin-bottom: 20rpx;
	  width: auto;
	  background-color: #18bc9c;
	  border-radius: 20rpx 20rpx 0 0;
	//box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    }

    .toptext {
      color: #666666;
      font-size: @font-size;
	  padding-bottom: 10rpx;
	  &:active {
	    color: #128F76;
	  }
    }
    .topitem {
      /* display: flex;
	  justify-content:space-between;
	  margin: 0 60rpx; */
	  //margin: 50px auto;
	  //width: 100%;
	  height: auto;
	  display: grid;
	  justify-content: space-between;
	  // 根据子元素的盒子的份额自动计算可以平铺几次
	  grid-template-columns: repeat(auto-fill,82px);
	  grid-gap: 0 1px;
	  border-left: 1px solid #18bc9c;
	  border-right: 1px solid #18bc9c;
	  border-bottom: 1px solid #18bc9c;
	  border-radius: 0 0 20rpx 20rpx;
	  margin-bottom: 20rpx;
	  box-shadow: 3px 3px 3px  rgba(0, 0, 0, 0.3);
	  padding-bottom: 20rpx;
	  
      .item {
			margin-top: 20rpx;
			text-align: center;
			image {
			  width: 100rpx;
			  height: 100rpx;
			  &:active {
				//border: #18bc9c 2px solid;
				border-radius: 40rpx;
			  }
			}
      }
    }
  }
}

.form_list{
	line-height: 80upx;
	display: flex;
	padding: 2upx 10upx 0 10upx;
	>.label{
		background-color: #ccc;
		width: 250upx;
		text-align: center;
		font-weight: 600;
	}
	>.label_round{
		background-color: #ccc;
		width: 250upx;
		text-align: center;
		font-weight: 600;
		border-radius: 10rpx;
	}
	>.input{
		//margin-left:10upx ;
		width: 100%;
		border-radius: 10upx;
		input{
			padding-left: 25upx;
		}
		text{
			padding-left: 25upx;
		}
		>.logo{
			width: 200rpx;
			height: 200rpx;
		}
		>.border{
			border: 1px solid #e5e5e5;
			border-radius: 10upx;
		}
	}
	.input2{
		//margin-left:10upx ;
		display: flex;
		justify-content: space-between;
		width: 100%;
		border-radius: 10upx;
		border: 1px solid #ccc;
		input{
			padding-left: 25upx;
		}
		text{
			padding-left: 25upx;
		}
	}
	.input3{
		//margin-left:10upx ;
		display: flex;
		justify-content: space-between;
		width: 100%;
		border-radius: 10upx;
		border: 1px solid #000;
		height:80upx;
		line-height:80upx;
		input{
			padding-left: 25upx;
		}
		text{
			padding-left: 25upx;
		}
	}
	.input4{
		//margin-left:10upx ;
		//普通输入框 input
		display: flex;
		justify-content: space-between;
		width: 100%;
		border-radius: 10upx;
		border: 1px solid #000;
		height:80upx;
		line-height:80upx;
		input{
			padding: 15upx 0 0 20upx;
			font-size:18px;
		}
		text{
			padding-left: 25upx;
		}
	}
	.input5{
		//margin-left:10upx ;
		//普通输入框 input
		display: flex;
		justify-content: space-between;
		width: 100%;
		border-radius: 10upx;
		height:80upx;
		line-height:80upx;
		border: 1px solid @uni-color-error;
		input{
			font-size:18px;
			color:red;
		}
		text{
			padding-left: 25upx;
		}
	}
	>.list-detail{
		display: flex;
		justify-content: space-between;
		width: 100vw;
		line-height: 100rpx;
		border-bottom: 1px solid #128F76;
		&:active {
			color: #128F76;
		}
		.grep{
			padding-left: 10rpx;
			font-size: 14px;
			color: #666666;
		}
	}
}
.btn{
	margin:100upx 0 ;
	width: 100%;
	display: flex;
	justify-content:space-between;
	button{
		width: 300upx;
		background-color: #18bc9c;
		color: #fff;
		height: 94upx;
		line-height: 94upx;
		&:active {
			background: #128F76;
		}
	}
}
.btn2{
	margin-top:10upx;
	width: 100%;
	display: flex;
	justify-content:space-between;
	button{
		width: auto;
		background-color: #ccc;
		height:60upx;
		line-height: 60upx;
		&:active {
			color: #FFF;
			background: #18bc9c;
		}
	}
}

/* 
出入库表单样式 
 */
.tab-content {
	touch-action: none;
}
.uni-common-mt {
	margin: 0 10rpx;
}
.scroll-view-table{
	width: 100%;
}
.scroll-view-table-td{
	text {
		color: #000;
	}
	.td-view {
		display: flex;
		justify-content: space-between;
		padding: 5rpx 0rpx;
		line-height: 70rpx;
		border-bottom: 1px solid #999;
		span{
			display: flex;
		}
	}
	div {
		margin-bottom: 20rpx;
	}
	label{
		background-color: #e5e5e5;
		padding:0 10rpx;
		margin: 0 5rpx 0 0;
		font-weight: 605;
		display: flex;
		align-items: center;
	}
	
}
.swiper-button {
	display: flex;
	justify-content: space-between;
	position: fixed;
	bottom: 5rpx;
	left: 10rpx;
	right: 10rpx;
	
	button {
		width: 220upx;
		height:80upx;
		line-height:80upx;
		background-color: #18bc9c;
		//text-align:justify;
		//text-align-last: justify;
		color: #FFF;
		font-size: @font-size;
		&:active {
			background: #128F76;
		}
	}
	
	.del_btn {
	  background: #dd524d;
	  &:active {
		background: #128F76;
	  }
	}
	.ok_btn {
	  background: @uni-color-blue;
	  &:active {
		background: #128F76;
	  }
	}
}

//列表样式
.input-search{
	margin:10upx 10upx ;
	width: 100%;
	display: flex;
	justify-content: space-between;
	input{
		padding-left:25upx;
		line-height: 80upx;
		height: 80upx;
		border: 1px solid #e5e5e5;
		border-radius: 10upx;
	}
	button{
		margin: 0 20upx 0 10upx;
		min-width: 160upx;
		background-color: #18bc9c;
		color: #fff;
		height: 90rpx;
		line-height: 90rpx;
		&:active {
			background: #128F76;
		}
	}
}

.th-tip-text{
	color: firebrick;
	position: absolute;
	right: 0;
	padding-right: 20rpx;
	font-size:16px;
}
.td-class{
	width: 100%;
	border-bottom: 2px #128F76 solid;
	text{
		font-size: @font-size;
		color: #000;
	}
	view{
		display: flex;
		justify-content: space-between;
		line-height: 70rpx;
	}
	div{
		//border-bottom: 2px #128F76 solid;
	}
	&:active {
		background: #e5e5e5;
	}
	.font-red{
		color: @uni-color-error;
	}
	.border-red{
		border: 1px solid @uni-color-error;
	}
	.FBillNo-bgcolor{
		width: 100%;
		background-color: #e5e5e5;
		padding-left: 10rpx;
		display: flex;
		justify-content: space-between;
	}
	.td_div{
		border-top: 2px #128F76 solid;
	}
	.td_list{
		display: flex;
		border-bottom: 1px solid #e5e5e5;
		>.label{
			background-color: #ccc;
			width: auto;
			font-weight: 600;
			min-width: 190rpx;
			text-align: right;
		}
		>.label225{
			background-color: #ccc;
			width: auto;
			font-weight: 600;
			min-width: 225rpx;
			text-align: right;
		}
		>.text{
			flex: 1;
			text-align: left;
			padding-left: 5rpx;
		}
	}
}
.th-class{
	width: 100%;
}
.font-red{
	color: @uni-color-error;
}
	
.close_btn,
.save_btn {
  display: inline-block;
  color: #FFF;
  font-size: @font-size;
  width: auto;
  height: 60rpx;
  line-height: 60rpx;
  margin-right: 10rpx;
}
	
.close_btn,
.save_btn {
  background: #18bc9c;
  &:active {
	background: #128F76;
  }
}

.del_btn {
  background: #dd524d;
  &:active {
	background: #128F76;
  }
}

.unsyn_btn {
  background: #57be6f;
  &:active {
	background: #128F76;
  }
}

.ok_btn {
  background: @uni-color-blue;
  &:active {
	background: #128F76;
  }
}

/* 弹窗查询样式 */
.pupup-search{
	line-height: 80upx;
	display: flex;
	padding: 10upx 0 10upx 0;
	border-bottom: 1px solid #e5e5e5;
	>.left{
		width: 150upx;
		text-align: right;
		font-weight: 600;
		padding-right: 10rpx;
	}
	>.right{
	}
	>.center{
		width: 80vw;
		font-weight: 600;
		padding-right: 10rpx;
	}
}